<route lang="json5" type="page">
{
  layout: 'custom',
  style: {
    navigationBarTitleText: '我要提议',
  },
}
</route>
<template>
  <view class="container pt-4">
    <!-- 服务须知卡片 -->
    <!-- <view class="notice-card px-8 py-4">
      <text class="subtitle">"我对代表说句话"服务须知</text>

     
      <view class="clause">
        <text class="clause-text">
          一、向人大代表反映的问题，应当是本行政区域内人民群众关心的热点难点和急难愁盼问题，或者涉及当地经济社会发展的重要问题。
        </text>
      </view>

      <view class="clause">
        <text class="clause-num"></text>
        <text class="clause-text-black">
          二、按照法律规定，人大代表不直接处理问题。 涉法涉诉类事项，请通过司法程序反映；
          检举控告类事项，请向纪检监察机关反映； 个人申诉求决类事项，请通过信访途径反映。
        </text>
      </view>

      <view class="clause">
        <text class="clause-num"></text>
        <text class="clause-text">
          三、向人大代表反映问题，须遵守宪法法律法规，实事求是，不得捏造、歪曲事实，不得诬告、陷害他人，不得损害国家、社会、集体的利益和其他公民的合法权利。反映的内容要清晰、具体，言之有物，切忌空话、大话、不着边际。
        </text>
      </view>
    </view> -->
    <view class="notice-card px-8 py-4">
      <text class="subtitle">"我对代表说句话"服务须知</text>

      <!-- 条款列表 -->
      <view class="clause">
        <text class="clause-text-black">
          一、尊敬的游客朋友们：感谢您到共和县游玩，这里有
          <text class="clause-text-black">
            碧波荡漾青海湖、深谷峻崖龙羊峡、唐蕃古道倒淌河、观日之城黑马河、游鱼飞鸟东格尔
          </text>
          等特色旅游资源，当前我县正值打造国际生态旅游目的地和创建青海湖国家公园的攻坚期，为有效助力共和文旅事业高质量发展，发挥各级人大代表作用，我们诚挚邀请您参与“我对代表说句话”活动，请您结合各地游玩经历和共和旅游体验，围绕“吃住行游购娱”等方面对共和文旅事业发展提出建设性建议。您的宝贵建议将成为我们改进服务、推动文旅发展的重要依据！
        </text>
      </view>

      <view class="clause">
        <text class="clause-num"></text>
        <text class="clause-text-black">
          二、如遇旅游消费纠纷、行程退改、服务质量等具体问题，请直接拨打共和县政务服务热线 12345
          。相关部门将高效对接处理，保障您的合法权益。人大代表不介入个案协调，感谢理解！
        </text>
      </view>

      <view class="clause">
        <text class="clause-num"></text>
        <text class="clause-text-black">
          三、该程序仅征集游客对文旅发展的建设性建议，对游客提出的合理性建议我们将高度重视并纳入人大意见建议，作为当地文旅发展提供决策依据。游客提出的宝贵建议我们只作参考暂不作答复。
        </text>
      </view>
    </view>

    <!-- 协议确认 -->
    <view class="agreement px-8 py-4">
      <checkbox class="checkbox" :checked="agreed" @click="toggleAgreement" />
      <text class="agreement-text">我已认真阅读留言须知。查看</text>
      <text class="link" @click="goToUserAgreement">《用户服务协议》</text>
      <text class="agreement-text">及</text>
      <text class="link" @click="goToPrivacyPolicy">《个人信息保护政策》</text>
    </view>

    <!-- 开始留言按钮 -->
    <view class="px-8 py-4">
      <button class="submit-btn" :class="{ disabled: !agreed }" @click="handleSubmit">
        开始留言
      </button>
    </view>
  </view>
</template>

<script setup>
import { onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'

const agreed = ref(false)

const tenantId = ref(null)
const representativeId = ref(null)
onLoad(async (options) => {
  representativeId.value = options?.representativeId
  console.log('representativeId.value', representativeId.value)

  uni.setStorageSync('tenantId', options?.tenantId)
  tenantId.value = options?.tenantId
  console.log('tenantId.value', tenantId.value)
})
const toggleAgreement = () => {
  agreed.value = !agreed.value
}

const navigateTo = (type) => {
  uni.navigateTo({
    url: type === 'agreement' ? '/pages/agreement' : '/pages/privacy',
  })
}
/**用户协议*/
const goToUserAgreement = () => {
  uni.navigateTo({ url: '/pages/agreement/user/index' })
}
/**隐私政策*/
const goToPrivacyPolicy = () => {
  uni.navigateTo({ url: '/pages/agreement/privacy/index' })
}
const handleSubmit = () => {
  if (!agreed.value) {
    uni.showToast({
      title: '请先阅读并同意协议',
      icon: 'none',
    })
    return
  }
  uni.navigateTo({
    url: `/pages/palmAdvice/create?representativeId=${representativeId.value}`,
  })
}
</script>

<style scoped>
.container {
  /* padding: 50rpx 40rpx; */
  background: #f8f8f8;
  min-height: 100vh;
}

.subtitle {
  font-size: 40rpx;
  color: #000;
  font-weight: 600;
  display: block;
  margin-bottom: 24rpx;
}

.clause {
  flex-direction: row;
  margin-bottom: 30rpx;
}

.clause-num {
  font-size: 30rpx;
  color: #ad202f;
  width: 60rpx;
  flex-shrink: 0;
}

.clause-text {
  font-size: 30rpx;
  color: #666;
  line-height: 1.6;
  flex: 1;
}

.clause-text-black {
  font-size: 30rpx;
  color: #000;
  line-height: 1.6;
  flex: 1;
}

.highlight {
  color: #ad202f;
  font-weight: 500;
}

.agreement {
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}

.checkbox {
  transform: scale(0.8);
  margin-right: 8rpx;
}

.agreement-text {
  font-size: 30rpx;
  color: #999;
}

.link {
  font-size: 30rpx;
  color: #ad202f;
  text-decoration: underline;
  margin: 0 8rpx;
}

.submit-btn {
  background: red;
  color: white;
  border-radius: 20rpx;
  font-size: 32rpx;
  height: 88rpx;
  line-height: 88rpx;
  /* margin: 40rpx 24rpx; */
}

.disabled {
  opacity: 0.6;
  background: #ccc;
}
</style>
